<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>life</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>

<body>
    <aside>
        <nav>
            <img src="./img/head.jpg" alt="">
            <a href="./index.html"><i class="material-icons md-36">
                    home</i>
                <p>自我介绍</p>
            </a>

            <a href="./skills.html"><i class="material-icons md-36">
                    person</i>
                <p>技能掌握</p>
            </a>

            <a href="./life.html"><i class="material-icons md-36">
                    image</i>
                <p>生活写照</p>
            </a>

            <a href="./school.html"><i class="material-icons md-36">
                    school</i>
                <p>校内经历</p>
            </a>

            <a href="./communication.html"><i class="material-icons md-36">
                    mail</i>
                <p>沟通留言</p>
            </a>


        </nav>
    </aside>

    <nav class="mobile-nav">
        <a href="./index.html">自我介绍</a>
        <a href="./skills.html">技能掌握</a>
        <a href="./life.html">生活写照</a>
        <a href="./school.html">校内经历</a>
        <a href="./communication.html">沟通留言</a>

    </nav>

    <section class="folio" id="folio">
        <h2>生活写照</h2>
        <div class="row-halves">
            <div class="col ddd">
                <img src="./img/swim.jpg" alt="">
                <h3>热爱旅游</h3>
                <p>这是最近一次和舍友去最远的地方游玩了（宿舍泳池合照嘻嘻嘻~）</p>
            </div>

            <div class="col ddd">
                <img src="./img/p1.jpg" alt="">
                <h3>热爱摄影</h3>
                <p>喜欢和朋友或者自己外出摄影，出门除了吃吃喝喝就是拍照了</p>
            </div>
            <div class="col ddd">
                <img src="./img/fball2.jpg" alt="">
                <h3>热爱足球</h3>
                <p>足球什么的，最爽啦！！！偶尔就约上三五好友，一起找回青春的热血~~</p>
            </div>

        </div>

        <div class="row-halves">
            <div class="col pppp">
                <img src="./img/ppp.jpg" alt="">
                <h3>摄影作品</h3>
                <p>这些都是在生活中无意“偷拍”的~~~</p>
            </div>

            <div class="col pppp">
                <img src="./img/pppp2.jpg" alt="">
            </div>

            <div class="col pppp">
                <img src="./img/sundown.jpg" alt="">

            </div>

            <div class="col pppp">
                <img src="./img/life.jpg" alt="">

            </div>

        </div>
    </section>
</body>

</html>